<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link rel="stylesheet" href="../../../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../../../css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/tab.css" />
</head>

<body>
	<header class="mui-bar mui-bar-nav mui-bar-transparent bxn2">
		<div class="top_search">
			<a class="search_box">
				<span class="mui-icon mui-icon-search srIcon"></span>
				<span class="sr_txt">关键词搜索</span>
			</a>
		</div>
	</header>
	<div class="fixShadow"></div>
	<div class="mui-content posr mui-scroll-wrapper p0 bgLight" id="refreshContainer">
		<div class="mui-scroll" id="data_VUE">
			<div class="swiper-container" v-if="sliderBoxStatus == 1 && slider_lists_status == 0">
				<div class="swiper-wrapper">
					<div class="bjt"></div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>

			<div id="swiper" class="swiper-container" v-cloak v-if="sliderBoxStatus == 1 && slider_lists_status == 1">
				<div class="swiper-wrapper">
					<div class="swiper-slide" v-for="val in slider_lists">
						<a @tap="open_class_list(val.slide_id)" v-if="auditStatus == 'yes'"><img :src="val.image" /></a>
						<a v-else><img :src="val.image" /></a>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>

			<!--功能模块-->
			<div class="funBlock" v-if="sliderBoxStatus == 1 && slider_lists_status == 0">
				<div class="fourBlock funMoudle">
					<ul>
						<li>
							<p></p>
							<h4></h4>
						</li>
						<li>
							<p></p>
							<h4></h4>
						</li>
						<li>
							<p></p>
							<h4></h4>
						</li>
						<li>
							<p></p>
							<h4></h4>
						</li>
						<li>
							<p></p>
							<h4></h4>
						</li>
						
					</ul>
				</div>
			</div>
			
			<div class="funBlock" v-cloak v-if="sliderBoxStatus == 1 && slider_lists_status == 1">
				<div class="fourBlock">
					<ul>
						<li v-if="newsBoxStatus == 1" @tap="open_zhuanlan_list">
							<img src="../../../images/icon_zl.png" />
							<p>文章</p>
						</li>
						<li v-if="questionBoxStatus == 1 && auditStatus == 'yes'" @tap="open_tiku_list">
							<img src="../../../images/icon_tiku.png" />
							<p>题库</p>
						</li>
						<li v-if="ebookBoxStatus == 1 && auditStatus == 'yes'" @tap="open_shu_list">
							<img src="../../../images/icon_shuc.png" />
							<p>电子书</p>
						</li>
						<li v-if="classBoxStatus == 1" @tap="open_kc_list">
							<img src="../../../images/iicon_kc.png" />
							<p>课程</p>
						</li>
						<li v-if="shopBoxStatus == 1" @tap="open_sc_list">
							<img src="../../../images/icon_shangc.png" />
							<p>商城</p>
						</li>
					</ul>
				</div>
			</div>

			<!--滚动公告栏-->
			<div class="ggMove clearfix" v-cloak v-if="noticeStatus == 1">
				<span class="laba mui-icon mui-icon-voice">&nbsp;</span><p @tap="goAnnounceDetail"><a>{{noticeTitle}}</a></p><i class="mui-icon mui-icon-closeempty ggClose" @tap="ggClose"></i>
			</div>
			
			<!--新闻资讯-->
			<div class="news_box newsMargin" v-if="newsBoxStatus == 1 && news_list_status == 0">
				<div class="xwbg">
					<h3></h3>
				</div>
				<div class="news_nr news_nr_bg">
					<ul>
						<li>
							<a class="news_tt_bg"></a>
							<p class="news_time_bg"></p>
						</li>
						<li>
							<a class="news_tt_bg"></a>
							<p class="news_time_bg"></p>
						</li>
						<li>
							<a class="news_tt_bg"></a>
							<p class="news_time_bg"></p>
						</li>
					</ul>
				</div>
			</div>

			<div class="news_box" v-cloak v-if="newsBoxStatus == 1 && news_list_status == 1">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @tap="open_zhuanlan_list">
				        <a class="mui-navigate-right news_tt"><span class="icon_xs"></span>今日推荐</a>
				    </li>
			    </ul>
				<div class="news_nr" id="index_news_list">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell" v-for="val in news_list" @tap="open_nes_list(val.id)">
							<h4>{{val.title}}</h4>
							<p class="time">{{val.updatetime}}</p>
						</li>
					</ul>
				</div>
			</div>

			<!--名师授课-->
			<div class="course_box classListUl" v-if="classBoxStatus == 1 && class_list_status == 0">
				<div class="xwbg">
					<h3></h3>
				</div>
				<div class="course_nr">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media course_list">
							<div class=" mui-pull-left course_pic_bg"></div>
							<div class="mui-media-body course_rtxt">
								<h3 class="ellipsis2 course_tt_bg"></h3>
								<p class="person_price_bg">
									<span class="courseStudy_bg"></span>
									<span class="courseStudy_bg"></span>
								</p>
							</div>
						</li>
						<li class="mui-table-view-cell mui-media course_list">
							<div class=" mui-pull-left course_pic_bg"></div>
							<div class="mui-media-body course_rtxt">
								<h3 class="ellipsis2 course_tt_bg"></h3>
								<p class="person_price_bg">
									<span class="courseStudy_bg"></span>
									<span class="courseStudy_bg"></span>
								</p>
							</div>
						</li>
						<li class="mui-table-view-cell mui-media course_list">
							<div class=" mui-pull-left course_pic_bg"></div>
							<div class="mui-media-body course_rtxt">
								<h3 class="ellipsis2 course_tt_bg"></h3>
								<p class="person_price_bg">
									<span class="courseStudy_bg"></span>
									<span class="courseStudy_bg"></span>
								</p>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<div class="course_box classListUl" v-cloak v-if="classBoxStatus == 1 && class_list_status == 1">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @tap="open_kc_list">
				        <a class="mui-navigate-right news_tt"><span class="icon_xs"></span>热门课程</a>
				    </li>
			    </ul>
				<div class="course_nr">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media course_list" v-for="val in class_list" @tap="open_class_list(val.id)">							
							<img class="mui-media-object mui-pull-left course_pic" :src="val.middlePicture">
							<div class="mui-media-body course_rtxt">
								<h4 class="ellipsis2">{{val.title}}</h4>
								<p class="person_price">
									<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.studentNum}}</span>
									<span class="coursePrice" v-if="val.isFree == 1 && auditStatus == 'yes'">免费</span>
									<span class="coursePrice" v-if="val.isFree == 0 && auditStatus == 'yes'"><em>￥</em>{{val.price}}</span>
								</p>
							</div>							
						</li>
					</ul>
				</div>
			</div>

			<!--精选题库-->
			<div class="tiku_box tikuListUl"  v-cloak v-if="questionBoxStatus == 1 && tiku_list_status == 1 && auditStatus == 'yes'">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @tap="open_tiku_list">
				        <a class="mui-navigate-right news_tt"><span class="icon_xs"></span>精选题库</a>
				    </li>
			    </ul>
				<div class="news_nr" id="index_tiku_list">
					<ul class="mui-table-view">
						<li class="open_tiku_detail mui-table-view-cell" v-for="val in tiku_list" @tap="open_tiku_detail(val.id)">
							<h4>{{val.group_name}}</h4>
							<p class="donePrice">
								<span class="done"></span>
								<span class="price" v-if="(val.vip_price == 0) && (val.general_price == 0)">免费</span>
								<span class="price" v-else-if="(val.vip_price == 0) && (val.general_price != 0)">￥{{val.general_price}}</span>
                                <span class="price" v-else>￥{{val.vip_price}}-{{val.general_price}}</span>
							</p>
						</li>
					</ul>
				</div>
			</div>

			<!--新书热读-->
			<div class="read_box" v-cloak v-if="ebookBoxStatus == 1 && book_list_status == 1 && auditStatus == 'yes'">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @tap="open_shu_list">
				        <a class="mui-navigate-right news_tt"><span class="icon_xs"></span>新书热读</a>
				    </li>
			    </ul>
				<div class="read_nr" id="index_ebbok_list">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media xsrd_list" v-for="val in book_list" @tap="open_ebook_detail(val.id)" v-if ="auditStatus == 'yes'">
							<img class="mui-media-object mui-pull-left xsrd_pic" :src="val.thumb">
							<div class="mui-media-body book_rtxt">
								<h4 class="ellipsis2 read_tt">{{val.title}}</h4>
								<p class="timePerson ellipsis2">{{val.oneWords}}</p>
								<p class="xs_person_price">
									<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.views}}</span>
									<span class="coursePrice" v-if="val.vipprice > 0"><em>￥</em>{{val.vipprice}}</span>
									<span class="coursePrice" v-if="val.vipprice == 0">免费</span>
								</p>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<!--热门商品-->
			<div class="mall_box" v-cloak v-if="shopBoxStatus == 1 && goods_list_status == 1">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @tap="open_sc_list">
				        <a class="mui-navigate-right news_tt"><span class="icon_xs"></span>热门商品</a>
				    </li>
			    </ul>
				<div class="product_show" id="index_product_list">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media product_list p0" v-for="val in goods_list" @tap="open_mall_details(val.id)">
							<span><img class=" mui-pull-left product_pic" :src="val.image" /></span>
							<span class="product_ms ellipsis2">{{val.title}}</span>
							<span class="product_price"><em>￥</em>{{val.price}}</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<script src="../../../js/vue.js"></script>
	<script src="../../../js/mui.js"></script>
	<script src="../../../js/h.min.js"></script>
	<script type="text/javascript" src="../../../js/jquery.min.js"></script>
	<script type="text/javascript" src="../../../js/tpl/home.js"></script>
	<script src="../../../js/public.js"></script>
	<script src="../../../js/swiper.min.js"></script>
	<script src="../../../js/updateApp.js"></script>
</body>

</html>